<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>主页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="/css/mui.min.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="/css/iconfont.css"/>
    <style>
        /*标题样式*/
        .mui-title {
            color: #ffffff;
            width: 90%;
        }

        .mui-bar {
            background-color: #368cf3;
        }

        .mui-bar-nav {
            top: 0;
            -webkit-box-shadow: 0 1px 6px #d5d7dc;
            box-shadow: 0 1px 6px #d5d7dc;
        }

        /*返回按钮样式*/
        .mui-icon-contact:before {
            color: #ffffff;
        }

        /*回退按钮样式*/
        a {
            color: #CCCCCC;
        }

        /*整体背景样式*/
        body {
            font-size: 14px;
            background-color: #f3f2f5;
        }

        /*内容背景色*/
        .mui-content {
            background-color: #f3f2f5;
        }

        /*提交按钮样式*/

        .mui-btn-primary{
            color: #ffffff;
            border: 1px solid #FFFFFF;
            border-radius: 6px;
            background-color: #76C5EC;
            font-size: 17px;
        }


        .mui-btn {
            width: 62%;
            height: 44px;
        }

        .mui-button-row {
            position: absolute;
            left: 0px;
            top: 73%;
            z-index: 1;
            width: 100%;
        }

    </style>
</head>

<body>

<header class="mui-bar mui-bar-nav">
    <!--<a id="userCenter" class="mui-icon mui-icon-contact mui-pull-left"></a>-->
    <h1 class="mui-title">主页</h1>
</header>
<div class="mui-content">
    <!--<ul class="mui-table-view mui-grid-view mui-grid-9">-->
    <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="/hx/hexiao.html">-->
    <!--<span class="mui-icon iconfont icon-hexiao" style="color: #e06e63"></span>-->
    <!--<div class="mui-media-body">核销券码</div></a></li>-->
    <!--</ul>-->
    <div class="mui-row mui-col-xs-12">
        <div class="mui-col-xs-12">
            <img id="image" src="/images/hll-img.png"
                 style="width: 100%; padding: 2.6% 3.2%;border-radius:16px;display: block; height: 150px; ">
        </div>
    </div>

    <div class="mui-button-row">
        <button type="button" class="mui-btn mui-btn-primary" id="loginBtn">去登录</button>
    </div>
</div>
</body>
<script src="/js/mui.min.js"></script>
<script src="/js/app.js" type="text/javascript" charset="utf-8"></script>
<script>
    mui.init({});

    /**
     * 进入界面准备
     */
    mui.ready(function () {
    });

    //登陆提交
    document.getElementById('loginBtn').addEventListener('click', function (e) {
        mui.openWindow({
            url: '/login.html',
            id: 'login'
        });
    }

</script>
</html>